<?php
?>

<div id="menu_12" class="mbmenu">
  <a rel="title">Ajax menu</a>
  <a class="{action: 'document.title=(\'menu_2.2\')'}">menu_12.2</a>
  <a class="{menu: 'sub_menu_1', img: 'icon_14.png'}">menu_12.3</a>
  <a class="{menu: 'sub_menu_2', img: '24-tag-add.png'}">menu_12.4</a>
  <a rel="separator"> </a>
  <a class="{action: 'document.title=(\'menu_2.4\')'}">menu_12.5</a>
</div>

<div id="menu_1" class="menu">
	<a rel="title" >title menu_1.1</a> <!-- menuvoice title-->
	<a href="#" class="{img: 'ico_view.gif'}" >menu_1.1 (href target _self) </a> <!-- menuvoice with href-->
	<a class="{action: 'document.title=(\'menu_1.2\')'}" >menu_1.2</a> <!-- menuvoice with js action-->
	<a rel="separator"> </a> <!-- menuvoice separator-->
	<a href="#" class="{action: 'document.title=(\'menu_1.3\')', disabled:true}">menu_1.3</a> <!-- menuvoice disabled-->
	<a class="{action: 'document.title=(\'menu_1.4\')', menu:'menu_1', img: '24-book-blue-check.png'}">menu_1.4</a><!-- menuvoice with js action, image and submenu-->
</div>

<div id="menu_2" class="menu">
	<a rel="title" class="{action: 'document.title=(\'menu_2.1\')', img: 'icon_13.png'}">menu_2.1 TITLE</a>
	<a class="{action: 'document.title=(\'menu_2.2\')'}">menu_2.2</a>
	<a class="{menu: 'sub_menu_1', img: 'icon_14.png'}">menu_2.3</a>
	<a class="{menu: 'sub_menu_2', img: '24-tag-add.png'}">menu_2.4</a>
	<a rel="separator"> </a>
	<a class="{action: 'document.title=(\'menu_2.4\')'}">menu_2.5</a>
</div>

<div id="menu_3" class="menu">
	<a rel="text" >
		<img src="../../media/iconos/browser.png" alt="img" style="position:absolute;margin-top:-20px; margin-left:-25px;margin-bottom:10px"/><br/>
		<br/>immagini che vuoi ed altro testo che ti pare Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi felis leo, consequat et, lacinia a, facilisis sit amet,<br/><br/>
	</a>
	<a rel="separator"> </a>
	<a class="{action: 'document.title=(\'menu_3.1\')', img: 'iconDone.png'}">menu_3.1</a>
	<a id="aaa" class="{menu:'sub_menu_2'}"  >submenu</a>
	<a class="{action: 'document.title=(\'menu_3.4\')'}">menu_3.4 con testo veramente molto lungo</a>
</div>

<div id="sub_menu_1" class="menu">
	<a class="{action: 'document.title=(\'sub_menu_1.1\')'}">sub_menu_1.1</a>
	<a rel="separator"> </a>
	<a class="{menu:'menu_1'}">sub_menu_1.2</a>
	<a class="{action: 'document.title=(\'sub_menu_1.3\')', img: 'bgColor.gif'}">sub_menu_1.3</a>
	<a class="{action: 'document.title=(\'sub_menu_1.4\')',img: 'Applet.gif'}">sub_menu_1.4</a>
</div>

<div id="sub_menu_2" class="menu">
	<a class="{action: 'document.title=(\'sub_menu_2.1\')', img: 'buttonfind.gif'}" >sub_menu_2.1</a>
	<a class="{action: 'document.title=(\'sub_menu_2.2\')'}">sub_menu_2.2</a>
	<a rel="separator"> </a>
	<a class="{action: 'document.title=(\'sub_menu_2.3\')'}">sub_menu_2.3</a>
	<a class="{action: 'document.title=(\'sub_menu_2.4\')'}" >sub_menu_2.4</a>
</div>


<div id="conext_menu_1" class="menu">
	<a rel="text" >
		<img src="../../media/iconos/browser.png" alt="img" style="position:absolute;margin-top:-20px; margin-left:-25px;margin-bottom:10px"/><br/>
		<br/>immagini che vuoi ed altro testo che ti pare Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi felis leo, consequat et, lacinia a, facilisis sit amet,<br/><br/>
	</a>
	<a rel="separator"> </a>
	<a class="{action: 'testForContextMenu()',img: 'iconDone.png'}" >test: get opener ID</a>
	<a id="bbb" class="{menu:'sub_menu_2'}" >submenu</a>
	<a class="{action: 'document.title=(\'conext_menu_1.4\')'}" >conext_menu_1.4 con testo veramente molto lungo</a>
</div>
